@import "../../node_modules/antd/lib/style/themes/default";
.right-aligned {
  display: flex;
  justify-content: flex-end; /* 使子元素靠右对齐 */
}
.custom-input-color-red {
  color: #ff0000; /* 红色字体 */
}
.tag{
  border-radius: 1px;
}
.text{
  display: block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout {
  width: 100%;
  height: calc(~'100vh - 96px');

  .sider {
    //padding: 1px 1px;
    border-right: 0px solid #e6e6e6;
    background-color: #fff;
    //overflow-x: scroll;
  }

  //.content {
  //  width: 70%;
  //  padding: 0px 10px;
  //  background-color: #f4f6f8;
  //}

  .sider1 {
    //padding: 1px 1px;
    border-right: 0px solid #e6e6e6;
    background-color: #fff;
  }

  .content1 {
    width: 70%;
    padding: 0px 10px;
    background-color: #fff;
  }
}
.cardList{
  padding: 12px;
  margin-left: 28px;
}

.card {
  border-radius: 0px;
  //background-color: #1DA57A;
  background-color: #f0f0f6;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  //color:#fff;
  color: @primary-color;
  //height: 100px;
  margin: 10px;
  //margin-left: 30px;
  //margin-right: 30px;
  //margin-top: 30px;
}
.cardBigFont {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  color: @primary-color;
}
.contentLeft{
  padding: 64px;
  background: #fff;
  min-height: 100%;
}
.content {
  padding: 18px;
  background: #fff;
  min-height: 100%;

  :global {
    .pad20 {
      padding: 0 16px;
      .btn15 {
        button {
          margin-left: 12px;
        }
      }
    }

    .ant-form-item-control-wrapper {
      width: 50%;
    }

    .ant-table {
      .shallow_gray {
        background-color: #f0f0f0;
      }

      .deep_gray {
        background-color: #ffffff;
      }

      //max-width: 95%;
      //// width:92%;
      //word-break: keep-all;
      ////white-space:pre-wrap;
      ////word-wrap:break-word;
      //padding: 0 16px 16px 16px;
      //在鼠标悬浮时背景色展示在当前项非当前行

      //.ant-table-tbody > tr > td {
      //  background: rgba(255,255,255,0) !important;
      //}
      //.ant-table-tbody > tr >td:hover{
      //  background: rgb(255,255,255) !important;
      //}
      ////去除鼠标悬浮的背景色
      //.ant-table-tbody > tr > td {
      //  background: rgba(255,255,255,0) !important;
      //}
      //.ant-table-tbody > tr >td:hover{
      //  background: rgba(255,255,255,0) !important;
      //}

      .ant-table-thead > tr > th {
        background: @primary-color !important;

        div {
          //color: rgba(0, 0, 0, 0.847059);
          color: #f3f3f3;
          font-size: 15px;
          font-weight: 800;
        }

        //max-width: 39vw;
        //width: 92%;
        //word-break: keep-all;
        //white-space: pre-wrap;
        //word-wrap: break-word;
      }

      //.ant-table-row td {
      //  white-space: nowrap;
      //}

      .actions {
        padding-left: 14% !important;
        float: right;
      }

      .ant-table-wrapper {
        //border: 1px solid #d9d9d9;
        border-radius: 5px;
      }

      //修改列表文字、背景颜色
      .ant-table-tbody > tr > th {
        color: white;
        background: #3071b9 !important;
      }

      //.ant-table-row-level-0 td:nth-child(5) {
      //  max-width: 39vw;
      //  width: 92%;
      //  word-break: keep-all;
      //  white-space: pre-wrap;
      //  word-wrap: break-word;
      //}
    }

    .ant-table-light {
      .shallow_gray {
        background-color: #f0f0f0;
      }

      .deep_gray {
        background-color: #ffffff;
      }


      .ant-table-thead > tr > th {
        background: #15A505 ;

        div {
          //color: rgba(0, 0, 0, 0.847059);
          color: #f3f3f3;
          font-size: 15px;
          font-weight: 800;
        }

      }

      .actions {
        padding-left: 14% !important;
        float: right;
      }

      .ant-table-wrapper {
        //border: 1px solid #d9d9d9;
        border-radius: 5px;
      }

      //修改列表文字、背景颜色
      .ant-table-tbody > tr > th {
        color: white;

      }

    }

    .treePortal {
      height: 100%;
      overflow: auto;

      .portalLeft {
        font-size: 12px;
      }
    }

  }

  .ant-table-row-level-0 td:nth-child(5) {
    max-width: 95%;

    word-break: keep-all;

    word-wrap: break-word;
  }

  .btns {
    display: flex;

    button {
      margin-left: 12px;
    }
  }

  .part {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 12px;
  }


  :global {
    .antd-x-search-form.ant-form {
      background: @background-color-base;
      border: 1px solid @border-color-base;
      padding: 6px;
      border-radius: 5px;
      margin-bottom: 12px;

      .actions {
        text-align: right;
        padding-top: 4px;
        float: right;
        width: auto;

        button + button, a + button, a + a, button + a {
          margin-left: 6px;
        }
      }
    }
  }

  .textOverflow {
    // width:80%;
    overflow: hidden; /*内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    white-space: nowrap; /*不换行 */
  }

  .dynamicDeleteButton {
    //cursor: pointer;
    position: relative;
    top: 4px;
    font-size: 24px;
    color: #999;
    transition: all .3s;
  }

  .dynamicDeleteButton:hover {
    color: #777;
  }

  .dynamicDeleteButton[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
  }
}

.link {
  font-size: 16px;
}

.rightBottom {
  vertical-align: bottom;
  align: right
}

.leftDiv {
  display: inline-block;
}

.rightDiv {
  display: inline-block;
  vertical-align: top; //与左侧div顶部对齐
  float: right;
}

.row-dragging {
  background: #fafafa;
  border: 1px solid #ccc;
}

.row-dragging td {
  padding: 16px;
  visibility: hidden;
}

.row-dragging .drag-visible {
  visibility: visible;
}

.site-calendar-demo-card {
  width: 300px;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
}

.background-green {
  background-color: #52c41a;
  bgcolor: #52c41a;
  width: 50px;
}

//.add-button{
//  background-size:100% 100%;
//}
.text-level-1 {
  font-size: 12px;
}

.text-level-2 {
  font-size: 16px;
}

.text-level-3 {
  font-size: 18px;
}

.text-table-2 {
  font-size: 16px;
  font-weight: bold;
}

.orderTag {
  width: 62px;
  text-align: center;
  border-radius: 0px;
}
.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}


//input
//input {
//  -webkit-text-fill-color: #000;  //颜色是设置成你需要的颜色
//  -webkit-text-stroke:1px transparent;
//  background-color: transparent;
//  //margin: 0 auto auto 36px !important;
//  //padding: 0 !important;
//  //outline-color: invert !important;
//  //outline-style: none !important;
//  //outline-width: 0px !important;
//  //border: none !important;
//  //color: white !important;
//  //border-style: none !important;
//  //text-shadow: none !important;
//  //-webkit-appearance: none !important;
//  //-webkit-user-select: text !important;
//  //outline-color: transparent !important;
//  //width: 220px;
//  //color: white;
//  //box-shadow: none;
//}
input:-webkit-autofill,select:-webkit-autofill {
  //-webkit-box-shadow: 0 0 0px 1000px #40a6f5  inset !important;
  -webkit-text-fill-color: #333 !important;
  //transition: background-color 5000s ease-in-out 0s;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  //transition: background-color 5000s ease-in-out 0s !important;
}

//input:-webkit-autofill,
//input:-webkit-autofill:hover,
//input:-webkit-autofill:focus,
//input:-webkit-autofill:active {
//  -webkit-transition-delay: 99999s;
//  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
//}

//#loginForm input:-webkit-autofill {
//  //-webkit-box-shadow: 0 0 0px 1000px #40a6f5  inset !important;
//  -webkit-text-fill-color: #fff !important;
//  transition: background-color 5000s ease-in-out 0s;
//}
////
//#loginForm input#login {
//  -webkit-text-fill-color: #fff !important;
//  background-color: transparent;
//  margin: 0 auto auto 36px !important;
//  padding: 0 !important;
//  outline-color: invert !important;
//  outline-style: none !important;
//  outline-width: 0px !important;
//  border: none !important;
//  color: white !important;
//  border-style: none !important;
//  text-shadow: none !important;
//  -webkit-appearance: none !important;
//  -webkit-user-select: text !important;
//  outline-color: transparent !important;
//  width: 220px;
//  color: white;
//  box-shadow: none;
//}



//#loginForm input::-webkit-input-placeholder {
//  　　color: white !important;
//}
////////
////#loginForm input:-moz-placeholder {
////  　　color: white !important;
////}
////
////#loginForm input::-moz-placeholder {
////  　　color: white !important;
////}
////
////#loginForm input:-ms-input-placeholder {
////  　　color: white !important;
////}
//input::-webkit-input-placeholder {
//  /* WebKit browsers */
//  color: #888;
//}
//input:-moz-placeholder {
//  /* Mozilla Firefox 4 to 18 */
//  color: #888;
//}
//input::-moz-placeholder {
//  /* Mozilla Firefox 19+ */
//  color: #888;
//}
//input:-ms-input-placeholder {
//  /* Internet Explorer 10+ */
//  color: #888;
//}
